import logo from "./logo.svg";
import "./App.css";

function MyButton() {
  return <button>Click me!</button>;
}
function App() {
  const user = {
    name: "Hedy Lamarr",
    imageUrl: "https://i.imgur.com/yXOvdOSs.jpg",
    imageSize: 90,
  };
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <img
          src={logo}
          className="avatar"
          style={{
            width: user.imageSize,
            height: user.imageSize,
          }}
          alt="logo文字"
        />
        <hr />

        <h1>Welcome to my app</h1>
        <MyButton />

        <h2>{user.name}</h2>
      </header>
    </div>
  );
}

export default App;
